<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>wph注册</title>
	<link rel="stylesheet" href="../css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../css/register.css" />
	<link rel="stylesheet" href="../css/style.css" />
</head>
<body>
<div class="x_container">
	<div class="x_header">
		<div></div>
		<div></div>
	</div>
	<div class="x_content">
		<!--<div v-show='isShow' class="x_register">-->
			<!--<div class="x_register_title">-->
				<!--<span>欢迎注册</span>-->
				<!--<span>-->
					    		<!--<span>已注册可</span>-->
					    		<!--<a href="./login.html">直接登录</a>-->
					    <!--</span>-->
			<!--</div>-->
			<!--<div>-->
				<!--<input  :class="inp1?'inpBorder':'inpHover'" class="inp" type="text" placeholder="请输入手机号码" @focus="inp1Put"  @blur="inp1Blur"/>-->
				<!--<p class="prompt">{{inp1}}</p>-->
				<!--<span v-if='bool[0]' :class="bool[0]&&inp1?'icon-cancel-circle':'icon-check_circle'" class="icon_circle"></span>-->
			<!--</div>-->
			<!--<div>-->
				<!--<div>-->
					<!--<input :class="inp2?'inpBorder':'inpHover'" class="inp number" type="text" placeholder="请输入手机验证码" @focus="inp2Put"  @blur="inp2Blur"/>-->
					<!--<a :class="btn?'strat':'stop'"  @click='send'>{{btnInfo}}</a>-->

					<!--<span  v-if='bool[1]' :class="bool[1]&&inp2?'icon-cancel-circle':'icon-check_circle'" class="icon_btn"></span>-->
				<!--</div>-->
				<!--<p class="prompt">{{inp2}}</p>-->
			<!--</div>-->
			<!--<div>-->
				<!--<input :class="inp3?'inpBorder':'inpHover'" class="inp" type="password" placeholder="密码由6-20位字母，数字和符号组合" @focus="inp3Put"  @blur="inp3Blur"/>-->
				<!--<p class="prompt">{{inp3||inp33}}</p>-->
				<!--<span  v-if='bool[2]' :class="bool[2]&&inp3?'icon-cancel-circle':'icon-check_circle'" class="icon_circle"></span>-->
			<!--</div>-->
			<!--<div>-->
				<!--<input :class="inp4?'inpBorder':'inpHover'" class="inp" type="password" placeholder="请再次输入上面的密码" @focus="inp4Put"  @blur="inp4Blur"/>-->
				<!--<p class="prompt">{{inp4}}</p>-->
				<!--<span  v-if='bool[3]' :class="bool[3]&&inp4?'icon-cancel-circle':'icon-check_circle'" class="icon_circle"></span>-->
			<!--</div>-->
			<!--<div class="x_term">-->
				<!--<span v-show='bool[4]' @click='termShow' class="x_term_sp1"></span>-->
				<!--<span v-show='!bool[4]' @click='termHide'  class="x_term_sp2"></span>-->
				<!--<span class="x_term_sp3">我已阅读并接受<a href="#">《vph服务条款》</a>与<a href="#">《隐私条款》</a></span>-->
				<!--<p class="prompt">{{inp5}}</p>-->
			<!--</div>-->
			<!--<div>-->
				<!--<button @click='register'>立即注册</button>-->
			<!--</div>-->
			<!--<div class="x_login_bottom" @click='isShow = false'>-->
				<!--<span>通过邮箱注册 ></span>-->
			<!--</div>-->
		<!--</div>-->
		<div v-show='isShow' class="x_email">
			<div class="x_register_title">
				<span>欢迎注册</span>
				<span>
					    		<span>已注册可</span>
					    		<a href="login.html">直接登录</a>
					    </span>
			</div>
			<div>
				<input  :class="arr6?'inpBorder':'inpHover'" class="inp" type="text" placeholder="请输入邮箱账号" @focus="arr6Put"  @blur="arr6Blur"/>
				<p class="prompt">{{arr6}}</p>
				<span v-if="list[5]" :class="list[5]&&arr6?'icon-cancel-circle':'icon-check_circle'" class="icon_circle"></span>
			</div>
			<div>
				<input :class="arr3?'inpBorder':'inpHover'" class="inp" type="password" placeholder="密码由6-20位字母，数字和符号组合" @focus="arr3Put"  @blur="arr3Blur"/>
				<p class="prompt" >{{arr3||arr33}}</p>
				<span  v-if='list[2]' :class="list[2]&&arr3?'icon-cancel-circle':'icon-check_circle'" class="icon_circle"></span>
			</div>
			<div>
				<input :class="arr4?'inpBorder':'inpHover'" class="inp" type="password" placeholder="请再次输入上面的密码" @focus="arr4Put"  @blur="arr4Blur"/>
				<p class="prompt" >{{arr4}}</p>
				<span  v-if='list[3]' :class="list[3]&&arr4?'icon-cancel-circle':'icon-check_circle'" class="icon_circle"></span>
			</div>
			<!--<div>-->
				<!--<input  :class="arr1?'inpBorder':'inpHover'" class="inp" type="text" placeholder="请输入手机号码" @focus="arr1Put"  @blur="arr1Blur"/>-->
				<!--<p class="prompt">{{arr1}}</p>-->
				<!--<span v-if='list[0]' :class="list[0]&&arr1?'icon-cancel-circle':'icon-check_circle'" class="icon_circle"></span>-->
			<!--</div>-->
			<!--<div>-->
				<!--<div>-->
					<!--<input :class="arr2?'inpBorder':'inpHover'" class="inp number" type="text" placeholder="请输入手机验证码" @focus="arr2Put"  @blur="arr2Blur"/>-->
					<!--<a :class="listBtn?'strat':'stop'"  @click='emSend'>{{listInfo}}</a>-->

					<!--<span  v-if='list[1]' :class="list[1]&&arr2?'icon-cancel-circle':'icon-check_circle'" class="icon_btn"></span>-->
				<!--</div>-->
				<!--<p class="prompt">{{arr2}}</p>-->
			<!--</div>-->
			<div class="x_term">
				<span v-show='list[4]' @click='emailShow' class="x_term_sp1"></span>
				<span v-show='!list[4]' @click='emailHide'  class="x_term_sp2"></span>
				<span class="x_term_sp3">我已阅读并接受<a href="#">《vph服务条款》</a>与<a href="#">《隐私条款》</a></span>
				<p class="prompt">{{arr5}}</p>
			</div>
			<div>
				<button @click='emRegister'>立即注册</button>
			</div>
			<!--<div class="x_login_bottom" @click='isShow = true'>-->
				<!--<span>手机快速注册 ></span>-->
			<!--</div>-->
		</div>
	</div>
	<p class="x_footer">
		Copyright 2008-2017 vip.com，All Rights Reserved ICP证：粤 B2-20080329
	</p>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript" src="../js/axios.min.js"></script>
<script type="text/javascript" src="../js/reister.js"></script>
</html>
